@charset "utf-8";

* { margin: 0; padding: 0; }
html,body { height: 100%; margin: 0; padding: 0; }
body {
	color: #dce2ea;
	font-family: Segoe UI;
	font-size: 16px;
	background: url("/files/img/admin/background.png");
}
image { border: 0; }
a { color: #dce2ea; text-decoration: none; }
table { width: 100%; border-spacing: 0; }
table tr td { vertical-align: top; }
h1 { margin-bottom: 10px; font-family: Calibri; }
ul { list-style-type: none; }
input, select, textarea {
	outline: none;
	color: #dce2ea;
	font-size: 14pt; 
	background-color: #484e58;
	border: 1px solid #59616c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 3px 7px;
}
input:focus, select:focus, textarea:focus { border: 1px solid #dce2ea; }
input.long, textarea.long { width: 500px; }
select.long { width: 517px; }
input.medium, textarea.medium { width: 250px; }
select.medium { width: 267px; }
input.short, textarea.short { width: 50px; }
select.short { width: 67px; }

#main { position: relative; width: 100%; height: auto; min-height: 100%; }
#left-menu-back {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 180px;
	background: url("/files/img/admin/menu-shadow.png") #484e58 repeat-y top right;
	border-right: 1px solid #333840;
	z-index: -1;
}
#top-menu {
	height: 28px;
	background-color: #3d434b;
	border-bottom: 1px solid #333840;
	text-shadow: 1px 1px 1px #191b1d;
}
#top-menu-list,#left-menu-list { list-style-type: none; }
#top-menu-list li {
	float: left;
	border-right: 1px solid #2c3037;
	border-left: 1px solid #59616c;
	height: 28px;
}
#top-menu-list li a { display: block; margin-top: 3px 0; padding: 3px 10px; }
#top-menu-list li a:hover { background: #656e7a; }
#top-menu-list li:first-child { border-left: 0; }
#top-menu-list li:last-child { border-right: 0; }

#left-menu {
	position: relative;
	float: left;
	width: 180px;
	background-color: #484e58;
	border-right: 1px solid #333840;
	text-shadow: 1px 1px 1px #191b1d;
}

.left-menu-list-item { border-top: 1px solid #2c3037; border-bottom: 1px solid #59616c; }
.left-menu-list-item:first-child { border-top: 0; }
.left-menu-list-item:last-child { border-bottom: 0; }
.left-menu-list-item a { position: relative; display: block; padding: 3px 0 3px 10px; }
.left-menu-list-item a.left-menu-link { font-weight: bold; }
.left-menu-list-item:hover a.left-menu-link { background-color: #656e7a; z-index: 20; }
.left-menu-list-item.current { position: relative; z-index: 21; }
.left-menu-list-item.current a.left-menu-link { background-color: #3d434b; border-bottom: 1px solid #4e565f; z-index: 25; }
.left-menu-list-item .arrow {
	position: absolute;
	display: none;
	width: 16px;
	height: 28px;
	margin-left: 180px;
	background: url("/files/img/admin/menu_arrow.png") no-repeat -17px 0px;
	z-index: 25;
}
.left-menu-list-item.current .arrow { display: block; background-position: 0 0; }
#left-menu-shadow,.left-submenu-shadow {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 6px;
	background-image: url("/files/img/admin/menu-shadow.png");
	z-index: 20;
}
.left-submenu { font-size: 14px; background: #59616c; }
.left-menu-list-item.current .left-submenu { position: static; display: block; border-top: 1px solid #545c66; }
.left-submenu .left-submenu-list { padding: 1px 0 3px 0; }
a.left-submenu-link { text-shadow: none; background-color: #59616c; z-index: 23; }
a.left-submenu-link:hover { color: #2a2e33; background-color: #7f8692; }
a.left-submenu-link.current { font-weight: bold; }
.left-submenu-shadow { z-index: 24; }

.left-menu-list-item:not(.current) .left-submenu {
	position: absolute;
	display: none;
	margin: -28px 0 0 181px;
	border: 1px solid #2c3037;
	border-width: 1px 1px 1px 0px;
	-moz-box-shadow: 1px 1px 5px rgba(220,226,234,0.4);
	-webkit-box-shadow: 1px 1px 5px rgba(220,226,234,0.4);
	box-shadow: 1px 1px 5px rgba(220,226,234,0.4);
	z-index: 24;
}
.left-menu-list-item:not(.current) .left-submenu .left-submenu-list { padding: 2px 0; }
.left-menu-list-item:not(.current) .left-submenu .left-submenu-shadow { display: none; }
.left-menu-list-item:not(.current) .left-submenu a.left-submenu-link { padding: 3px 15px 3px 20px; white-space: nowrap; }
.left-menu-list-item:not(.current).hover .left-submenu { display: block; }
.left-menu-list-item.has-submenu:not(.current):hover .arrow { display: block; }
.separator-list-item { border-bottom: none; }
.separator { height: 3px; background: #383e48; }


#content {
	overflow: auto;
	margin-left: 190px;
	padding: 10px 15px 5px 15px;
}
.button {
	color: #dce2ea;
	padding: 5px 10px 6px 10px;
	font-size: 11pt;
	background-color: #484e58;
	border-bottom: 1px solid #2c3037;
	border-right: 1px solid #2c3037;
	border-top: 1px solid #59616c;
	border-left: 1px solid #59616c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}

table#auth { width: 300px; }

input.button { padding: 7px 20px 8px 20px; }
.button:hover { border-color: #6a727d #1b2026 #1b2026 #6a727d; }
.button:active { border-color: #2c3037 #59616c #59616c #2c3037; }

h1 a { position: relative; top: -4px; margin-left: 10px; }
#params {
	margin-bottom: 10px;
}
#params a { color: #6ab4e4; }
#params a.current { font-weight: bold; }

td.l { text-align: left; }
td.c { text-align: center; }
td.r { text-align: right; }

table.statistics tr td { padding: 2px 10px; }
table.statistics tr:hover td { background-color: #484e58; }
table.statistics tr td:last-child { text-align: right; }
table.statistics tr td {
	border-bottom: 1px solid #59616c;
	border-top: 1px solid #2c3037;
}
table.statistics tr:first-child td {
	background-color: #3d434b;
	border-bottom: 1px solid #2c3037;
	border-right: 1px solid #2c3037;
	border-top: 1px solid #59616c;
	border-left: 1px solid #59616c;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
table.statistics tr:last-child td { border-bottom: 0; }


.title { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.action-edit,.action-restore { color: #4c8fb9; }
.action-draft { color: #b97f4c; }
.action-trash,.action-remove { color: #c8372c; }
.online:after  { content: "online"; color: #81bb04; }
.offline:after  { content: "offline"; color: #9a3d13; }

#pages { margin-top: 20px; }
#pages .pages { margin-top: 10px; }
#pages .page { margin-right: 10px; line-height: 18pt; }
#pages .page.p_current {
	padding: 3px 7px;
	background-color: #484e58;
	border: 1px solid #59616c;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#pages .dir { margin-right: 10px; }
#pages .dir.p_inactive { color: #59616c; }

.notice {
	padding: 2px 10px;
	font-size: 11pt;
	border: 1px solid;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.notice.success {
	color: #24b34b;
	background: rgba(0,128,0,0.3);
	border-color: #008000;
}

table.edit { width: 90%; }
.edit td { padding: 10px 0px; vertical-align: middle; }
#title-input {
	width: 88%;
	padding: 5px 10px;
	font-size: 20pt;
	border: 1px solid transparent;
	background-color: transparent;
}
#title-input:hover { border-color: #59616c; }
#title-input:focus { border-color: #dce2ea; background-color: #484e58; }
#title-input::-webkit-input-placeholder,#title-input:-moz-placeholder {} { color: #59616c; }
#imp_redactor_box_text {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#text { width: 90%; height: 200px; }
.edit .label { width: 200px; }
.edit label:not(.small) { font-weight: bold; }
.edit label:not(.small) { font-size: 14pt; }
label.small { margin-right: 10px; }
.load-image-button {
	float: left;
	width: 192px;
	padding: 0;
	background-image: url("/files/img/admin/load_images.png");
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.warning,.error {
	display: none;
	margin: 5px;
	padding: 0px 0px 3px 25px;
	font-size: 9pt;
}
.warning { color: #ffb21c; background: url("/files/img/admin/warning.png") no-repeat 2px center; }
.error { color: #e66556; background: url("/files/img/admin/error.png") no-repeat 2px center; }

#loading { float: left; display: none; margin: 8px 0 0 10px; }
.box {
	width: 90%;
	overflow: auto;
	border: 1px solid;
	border-color: #2c3037 #59616c #59616c #2c3037;
	background-color: #484e58;
}
.img-preview {
	float: left;
	margin: 10px;
	padding: 5px;
	background-color: #59616c;
	border: 1px solid #2c3037;
	border-radius: 3px;
}
.img-delete {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: 130px;
	margin-top: -10px;
	background: url("/files/img/admin/delete.png") no-repeat center center #484e58;
	border: 1px solid #2c3037;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	cursor: pointer;
}
.img-delete:hover { border-color: #c43939; background-color: #e5a5a5; }
.img-set-main,.img-main {
	position: absolute;
	width: 32px;
	height: 32px;
	margin-left: 54px;
	margin-top: -20px;
	background: url("/files/img/admin/img-actions.png") no-repeat;
	cursor: pointer;
}
.img-main { background-position: 0 0; }
.img-main:hover { background-position: -96px 0; }
.img-set-main { background-position: -64px 0; }
.img-set-main:hover { background-position: -32px 0; }
.img-preview img { margin: 5px; }

/* photos */
.photo_list { margin-top: 15px; }
.photo_item { float: left; margin: 0 10px 10px 0; }
.photo {
	max-width: 250px;
	max-height: 188px;
	border: 1px solid #59616c;
	transition: 0.2s ease border-color;
		-moz-transition: 0.2s ease border-color;
		-webkit-transition: 0.2s ease border-color;
}
.photo:hover {
	border-color: #cccccc;
	transition: 0s ease border-color;
	-moz-transition: 0s ease border-color;
	-webkit-transition: 0s ease border-color;
}
#rename_photo {
	position: absolute;
	display: none;
	width: 236px;
	min-height: 17px;
	font-family: "Segoe UI";
	font-size: 13px;
	z-index: 99;
	overflow: hidden;
	resize: none;
}
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    width: 236px;
    min-height: 17px;
    font-family: "Segoe UI";
    font-size: 13px;
    overflow: hidden;
    padding: 3px 7px;
    word-wrap: break-word;
}
.photo_container { position: relative; }
.photo_text {
	position: absolute;
	left: 1px;
	bottom: 1px;
	width: 236px;
	padding: 3px 7px;
	font-size: 13px;
	background: rgba(0, 0, 0, 0.75);
	cursor: pointer;
	transition: 0.2s ease background;
	-moz-transition: 0.2s ease background;
	-webkit-transition: 0.2s ease background;
}
.photo_text:hover {
	background: black;
}
.photo_info { height: 28px; margin-top: 5px; }
.photo_info { text-align: right; }

.load-photo-button {
	float: left;
	width: 145px;
	margin: 8px 0 0 15px;
	padding: 0;
	background-image: url("/files/img/admin/load_images.png");
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
h1.with_button { margin-bottom: 50px; }

/* guests */
#guest_list { width: auto; }
#guest_list td:first-child { width: 400px; }
.invite-link { width: 300px; height: 50px; font-size: 12px; }